/*
In NativeScript, the app.css file is where you place CSS rules that
you would like to apply to your entire application. Check out
http://docs.nativescript.org/ui/styling for a full list of the CSS
selectors and properties you can use to style UI components.

/*
In many cases you may want to use the NativeScript core theme instead
of writing your own CSS rules. For a full list of class names in the theme
refer to http://docs.nativescript.org/ui/theme. 
The imported CSS rules must precede all other types of rules.
*/
/*@import '~nativescript-theme-core/css/core.light.css';*/
/*@import '~nativescript-theme-core/css/forest.css';*/

@import 'nativescript-theme-core/css/core.dark.css';


/*
The following CSS rule changes the font size of all UI
components that have the btn class name.
*/
/* generated by nativescriptthemebuilder.com */

Page{

    /*background: #0d062c;*/
    background: rgb(1,24,59);
   /* color: white ;*/
    color:rgb(243,247,251);
    font-family: 'TitilliumWeb-Regular';
}

.action-bar {
    /*color: #ffffff;*/
    color:rgb(243,247,251);
    }
    
    .action-bar {
   /* background-color: rgb(22, 21, 133);*/
    background-color: rgb(20,57,115);
    }
    
    .page {
    background-color: #fbfef9;
    }
    
    .tab-view {
    tab-background-color: #fbfef9;
    }
    
    .list-group, .list-group-item {
    background-color: #fbfef9;
    }
    
    .page label, .tab-view label {
    color: #5b0f00;
    }
    
    .segmented-bar {
    selected-background-color: #191923;
    }
    
    .segmented-bar {
    color: #191923;
    }
    
    .segmented-bar {
    background-color: #fbfef9;
    }
    
    Switch[checked=true] {
    color: greenyellow;

    background-color: yellow;
 
    }
    
    Switch[checked=false] {
        color: #ffffff;
        background-color: gray;
        
    }


    
    .activity-indicator {
   /* color: #191923;*/
    color:rgb(254,208,72);
    }
    
    .slider {
    color: #ffffff;
    }
    
    .slider {
    background-color: #191923;
    }
    
    .progress {
    color: #191923;
    }
    
    .img-circle {
    border-radius: 20;
    }
    
    .list-group-item-heading {
    font-size: 16;
    }
    
    .list-group-item-text {
    font-size: 14;
    }
    
    .img-rounded {
    border-radius: 5;
    }
    
    .body {
    font-size: 14;
    }
    
    .h1 {
    font-size: 36;
    }
    
    .h2 {
    font-size: 30;
    }
    
    .h3 {
    font-size: 24;
    }
    
    .h4 {
    font-size: 18;
    }
    
    .h5 {
    font-size: 14;
    }
    
    .h6 {
    font-size: 12;
    }
    
    .page label.text-primary, .tab-view label.text-primary {
    color: #30bcff;
    }
    
    .page label.bg-primary, .tab-view label.bg-primary {
    background-color: #30bcff;
    }
    
    .page label.text-danger, .tab-view label.text-danger {
    color: #d9534f;
    }
    
    .page label.bg-danger, .tab-view label.bg-danger {
    background-color: #d9534f;
    }
    
    .page label.text-muted, .tab-view label.text-muted {
    color: #a2a2a2;
    }
    
    .btn {
    color: #a8cfd6;
    }
    
    .btn-primary {
    background-color: #980000;
    }
    
    .btn-primary {
    border-color: #980000;
    }
    
    .btn-primary {
    color: #ffffff;
    }
    
    .btn-outline {
    border-color: #a8cfd6;;
    
   
    }
    
    .btn-outline {
    background-color: transparent;
    }
    
    .btn-outline {
    border-width: 1;
    }
    
    .btn-outline {
    color: #a8cfd6;;
    }
    
    .btn-outline:active {
        background-color: black;
    }

    .font-awesome {
        
        src:url("fonts/fontawesome-webfont.ttf");
        font-family: FontAwesome, fontawesome-webfont ;
        
    }

  .btn-outline:active,
  .btn-outline.active,
  .btn-outline.is-active {
    background-color: #2798eb;
    border-color: #2798eb;
    color: white

  }

  .btn-outline.disabled {
    background-color: transparent;
    border-color: gray;
    color: gray;

  }

  .btn-gray {
    background-color: transparent;
    border-color: gray;
    color: gray;
  }

    .btn-outline.btn-active{
        background-color:black;
    }

    .btn[isEnabled=false] {
    background-color: #191923;
    }
    
    .btn[isEnabled=false] {
    border-color: #191923;
    }
    
    .btn[isEnabled=false] {
    color: #bf1363;
    }
    
    .btn-rounded-sm {
    border-radius: 4;
    }
    
    .btn-rounded-lg {
    border-radius: 20;
    box-shadow: 30px 30px black ;
    }
    
    .label {
    font-size: 16;
    }
    
    .input {
    font-size: 14;
    border-color: yellowgreen;
    }



    TextField {
   /* font-size: 14;
    height: 20;
    background: rgba(150, 150, 150, 0.8);
    border-radius: 10%;
    margin-bottom: 20px;
    */
    padding-left: 10px;
    background-color:white;
    border-radius: 5%;
    margin:10px;
    color:black;
    }

  

    black {
        color:black;
    }
    
ListPicker {
    color:white;
  
}

    .input-rounded {
    border-radius: 30;

    }
    
    .tab-view {
    selected-tab-text-color: #ffffff;
    }
    
    .tab-view {
    tab-text-color: #ffffff;
    }
    
    .tab-view {
    tab-background-color: #191923;
    }
    
    .tab-view {
    android-selected-tab-highlight-color: #bf1363;
    }
    
    .sidedrawer-header {
    background-color: #bf1363;
    }
    
    .sidedrawer-header-brand {
    color: #ffffff;
    }
    
    .sidedrawer-content {
    background-color: #fbfef9;
    }
    
    .sidedrawer-list-item {
    color: #000000;
    }
    
    .sidedrawer-list-item.active {
    background-color: #fbfef9;
    }
    
    .sidedrawer-list-item.active {
    color: #000000;
    }

.ml20{
    margin-left: 20%
}    

.mr20{
    margin-right: 20%
}

.bigButton{
    border-width: 1px;
    border-radius: 5%;
   /* border-color: #2798eb;*/
    border-color: rgb(101,159,248);
    background: transparent;
    width:42.5%;
    height:20%;
    font-size:20px;
    line-height: 10px;
    color:#a8cfd6;
}


.chooseLangBtn {
    border-width: 1px;
    border-radius: 5%;
    width:42.5%;
    height:20%;
    font-size:20px;
    /*line-height: 10px;*/
}

.bigButton:active,
.bigButton.active,
.bigButton.is-active,
{
    border-width: 1px;
    border-radius: 5%;
    /*border-color: #2798eb;
    background: #2798eb;*/
    border-color: rgb(101,159,248);
    background: rgb(101,159,248);
    color: #a8cfd6;

}

.bigButton.disabled {

    background-color: transparent;
    border-color: gray;
    color: gray;

}


.btnGreen {
    color:rgb(100,255,100);
    margin-bottom:3%;
    margin-top:5%;
}
.btnGreen:active{
    color:white;
}

.btnYellow {
    color:yellow;
    margin:5%;
    margin-bottom:3%;
}

.btnYellow:active{
    color:white;
}

.btnBlue{
    color:rgb(102, 224, 228);
    margin-bottom: 5%;
}

.btnBlue:active{
    color:white;
}

.btnOrange{
    color:orange;
    margin-bottom: 5%;
    
}

.btnOrange:active{
    color:white;
}

/* horizontal Margin */

.mh20{
    margin-left: 20%;
    margin-right:20%;
}

.mh10{
    margin-left: 10%;
    margin-right:10%;
}

.mh5{
    margin-left: 5%;
    margin-right: 5%;
}

.mv5{
    margin-top: 5%;
    margin-bottom: 5%;
}

.mvt5{
    margin-top:5%;
}

.center {
    text-align: center ;
}